Skip to content
This repository was archived by the owner on Sep 11, 2024. It is now read-only.

Conversation

@robintown
Copy link
Member

@robintown robintown commented Feb 15, 2024

This is part 3 of the Compound color refinement work. I've updated the following components to reflect design decisions that will help them fit in better with the new design system:

  • Message bubbles
  • Pills
  • Sent indicators
  • Jump to bottom/unread buttons
  • Composer placeholder
  • Notification badges
  • Room sublists
  • Verification shields
  • Date separators
  • Dialogs (corner radius changed to match the new popover styles)
  • Tooltips

Closes element-hq/element-web#27006 by way of reducing our use of attention-grabbing primary buttons in settings
Closes element-hq/element-web#22122


Here's what your changelog entry will look like:

✨ Features

This is part 3 of the Compound color refinement work. I've updated the following components to reflect design decisions that will help them fit in better with the new design system:

- Message bubbles
- Pills
- Sent indicators
- Jump to bottom/unread buttons
- Composer placeholder
- Notification badges
- Room sublists
- Verification shields
- Date separators
- Dialogs (corner radius changed to match the new popover styles from matrix-org#12247)
- Tooltips
Copy link
Contributor

@florianduros florianduros left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

one small question

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The blank Change Password is expected?

@robintown
Copy link
Member Author

element-hq/element-web#26992 is blocked

@robintown robintown closed this Feb 20, 2024
robintown added a commit to robintown/matrix-react-sdk that referenced this pull request Mar 14, 2024
This is a reintroduction of matrix-org#12255, and should be the last part of the Compound color refinement work (element-hq/element-web#26992). I've updated the following components to reflect design decisions (https://www.figma.com/file/pqhlirZFEwEp5XpudSbiia/Theming-Web-templates?type=design&node-id=80-60219&mode=design&t=mjqwylUie1vRwzOV-0) that will help them fit in better with the new design system:

- Message bubbles
- Pills
- Sent indicators
- Jump to bottom/unread buttons
- Composer placeholder
- Notification badges
- Room sublists
- Verification shields
- Date separators
- Tooltips

Closes element-hq/element-web#22122
github-merge-queue bot pushed a commit that referenced this pull request Mar 18, 2024
* Refine the colors of some more components

This is a reintroduction of #12255, and should be the last part of the Compound color refinement work (element-hq/element-web#26992). I've updated the following components to reflect design decisions (https://www.figma.com/file/pqhlirZFEwEp5XpudSbiia/Theming-Web-templates?type=design&node-id=80-60219&mode=design&t=mjqwylUie1vRwzOV-0) that will help them fit in better with the new design system:

- Message bubbles
- Pills
- Sent indicators
- Jump to bottom/unread buttons
- Composer placeholder
- Notification badges
- Room sublists
- Verification shields
- Date separators
- Tooltips

Closes element-hq/element-web#22122

* Update some screenshots
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

T-Enhancement New features, changes in functionality, performance boosts, user-facing improvements

Projects

None yet

Development

Successfully merging this pull request may close these issues.

New compound button colors feel very bright and aggressive in the dark theme. Date separator lines are barely visible in light mode

2 participants